﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="CreateUser.aspx.cs" Inherits="CreateUser" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <%--<uc1:CreateUserPopup runat="server" ID="CreateUserPopup" />--%>

    <div class="createPopup" >
        <div style="text-align: center">
            <h3>Opret din brugerprofil</h3>
        </div>
        <asp:CreateUserWizard ID="CreateUserWizard1" 
            runat="server" 
            OnNextButtonClick="CreateUserWizard1_NextButtonClick" 
            StepNextButtonText="Næste" 
            StartNextButtonText="Næste" StartNextButtonStyle-CssClass=" btn btn-primary"
            
            OnCreatedUser="CreateUserWizard1_CreatedUser" 
            CreateUserButtonStyle-CssClass="btn-primary" 
            CreateUserButtonText="Ja tak, opret min bruger!" 
            FinishDestinationPageUrl="~/Restricted/SearchSite.aspx" 
            ContinueDestinationPageUrl="~/Restricted/SearchSite.aspx">
            
            <CreateUserButtonStyle CssClass="btn-primary" />
            <WizardSteps>
                <asp:WizardStep ID="createUserWizardStep2" OnLoad="createUserWizardStep2_Load">
                    <div class="popupDivider">

                        <div class="row">
                            <div class="span2">
                                <h5>Fornavn(e)</h5>
                            </div>
                            <div class="span4">
                                <asp:TextBox ID="FirstName" runat="server" CssClass="createTxts"></asp:TextBox>
                            </div>
                        </div>
                        <div class="row">
                            <div class="span2">
                                <h5>Efternavn</h5>
                            </div>
                            <div class="span4">
                                <asp:TextBox ID="LastName" runat="server" CssClass="createTxts"></asp:TextBox>
                            </div>
                        </div>
                        <div class="popupDivider">
                        </div>
                        <div class="row">
                            <div class="span2">
                                <h5>Fødselsdato</h5>
                            </div>
                            <div class="span4">
                                <asp:DropDownList ID="AgeYearDDL" runat="server" CssClass="createTxts" Width="75px">
                                </asp:DropDownList>
                                <asp:DropDownList ID="AgeMonthDDL" runat="server" Width="110px">
                                </asp:DropDownList>
                                <asp:DropDownList ID="AgeDayDDL" runat="server" CssClass="createTxts" Width="60px">
                                </asp:DropDownList>
                            </div>
                            <div class="span3">
                            </div>
                            <div class="span3">
                            </div>
                        </div>
                        <div class="row">
                            <div class="span2">
                                <h5>Køn</h5>
                            </div>
                            <div class="span4">
                                <asp:DropDownList ID="Gender" runat="server" CssClass="createTxts" Width="90px">
                                    <asp:ListItem Text="Mand" />
                                    <asp:ListItem Text="Kvinde" />
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="row">
                            <div class="span2">
                                <h5>By (Postnr)</h5>
                            </div>
                            <div class="span4">
                                <asp:TextBox runat="server"  CssClass="createTxts" ID="CityZipcodeTxt" />
                                <cc1:AutoCompleteExtender runat="server" ID="autoComplete1" CompletionListItemCssClass="CitySearchAutocomplete" CompletionListHighlightedItemCssClass="CitySearchAutocompleteHighlighted" ServiceMethod="GetCompletionList" TargetControlID="CityZipcodeTxt" UseContextKey="true" CompletionListCssClass="z-index: 1000;"></cc1:AutoCompleteExtender>
                            </div>
                        </div>
                        <div class="offset2 span4">
                            <asp:Label ID="infoLbl" CssClass="label label-important" runat="server" />
                            <asp:HiddenField runat="server" id="Cityname"/>
                            <asp:HiddenField runat="server" id="Zipcode"/>
                        </div>
                        
                    </div>
                </asp:WizardStep>
                <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server">
                    <ContentTemplate>
                        <div class="popupDivider">

                            <div class="row">
                                <div class="span2">
                                    <h5>Brugernavn</h5>
                                </div>
                                <div class="span4">
                                    <asp:TextBox ID="UserName" runat="server" CssClass="createTxts"></asp:TextBox>
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2">
                                    <h5>Email</h5>
                                </div>
                                <div class="span4">
                                    <asp:TextBox ID="Email" runat="server" CssClass="createTxts"></asp:TextBox>
                                </div>
                            </div>

                            <div class="popupDivider"></div>

                            <div class="row">
                                <div class="span2">
                                    <h5>Kodeord</h5>
                                </div>
                                <div class="span4">
                                    <asp:TextBox ID="Password" runat="server" CssClass="createTxts"></asp:TextBox>
                                </div>
                            </div>
                            <div class="row">
                                <div class="span2">
                                    <h5>Bekræft kodeord</h5>
                                </div>
                                <div class="span4">
                                    <asp:TextBox ID="ConfirmPassword" runat="server" CssClass="createTxts"></asp:TextBox>
                                </div>
                            </div>
                        </div>

                        <asp:CompareValidator ID="PasswordCompare" runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword" Display="Dynamic" ErrorMessage="The Password and Confirmation Password must match." ValidationGroup="CreateUserWizard1"></asp:CompareValidator>
                    </ContentTemplate>
                    <CustomNavigationTemplate>
                        <div class="popupDivider">
                        </div>
                        <div class="row">
                            <div class="span3" style="text-align: left">
                                <asp:Button Text="Tilbage" ID="StepPreviousButton" CssClass="btn btn-danger" runat="server" />
                            </div>
                            <div class="span3">
                                <asp:Button ID="StepNextButton" runat="server" CommandName="MoveNext" CssClass="btn btn-success" Text="Ja tak, opret min bruger!" ValidationGroup="CreateUserWizard1" />
                            </div>
                        </div>
                    </CustomNavigationTemplate>
                </asp:CreateUserWizardStep>
                <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
                    <ContentTemplate>
                        <div style="text-align: center" class="popupDivider">
                            Tillykke, din konto er blevet oprettet. Du kan nu fortsætte ind på siden og finde din date!
                        
                        </div>
                        <asp:Label ID="lbl1" runat="server" />
                        <asp:Label ID="lbl2" runat="server" />
                        <asp:Label ID="lvl3" runat="server" />

                        <div style="text-align: center" class="popupDivider">
                            <asp:Button Text="Fortsæt" CssClass="btn-success" OnClick="Continue_Click" ID="Continue" runat="server" />
                        </div>
                    </ContentTemplate>
                </asp:CompleteWizardStep>

            </WizardSteps>
            <StepNavigationTemplate>
                <asp:Button ID="StepPreviousButton" runat="server" CssClass="btn-danger" CausesValidation="False" CommandName="MovePrevious" Text="Tilbage" />
                <%--<asp:Button ID="StepNextButton" runat="server" CssClass="btn-success" CommandName="MoveNext" Text="Næste" />--%>
            </StepNavigationTemplate>
        </asp:CreateUserWizard>
    </div>

    <div class="CreateUserBackgroud">


        <div class="subhead">
            <img class="subheadImage" src="images/slide-03.jpg" />
            <div class="container">
                <div class="subheadText">
                    <h1 class="featurette-heading">Find din date her
                    </h1>
                </div>
            </div>
        </div>

        <div class="container" id="content">
            <div class="row" style="margin-left: -20px">
                <div class="span12">
                    <div class="row" style="margin-top: 30px">
                        <div class="span2 offset2">
                            <h4 class="text-center">Sted</h4>
                            <select class="span2">
                                <option>Aalborg</option>
                                <option>Odense</option>
                                <option>København</option>
                            </select>
                        </div>
                        <div class="span2">
                            <h4 class="text-center">Jeg søger</h4>
                            <select class="span2">
                                <option>Mand</option>
                                <option>Kvinde</option>
                            </select>
                        </div>
                        <div class="span2">
                            <h4 class="text-center">Alder</h4>
                            <input class="span1" type="text" />
                            -
                        <input class="span1" type="text" />
                        </div>

                        <div class="span2">
                            <h4 class="text-center">Betaler</h4>
                            <select class="span2">
                                <option>Afholder</option>
                                <option>Ansøger</option>
                                <option>Delt</option>
                            </select>
                        </div>

                    </div>
                </div>
            </div>

            <hr class="content-divider"></hr>

            <div class="row">
                <a>


                    <div class="span2 offset1">
                        <img src="images/defaultProfile.png" class="img-rounded" />
                    </div>
                    <div class="span3" id="dateBox">
                        Aalborg
                <br />
                        35år
                <br />
                        Mand
                <br />
                        Afholder betaler
                <br />
                        14/10-2013
                    </div>
                    <div class="span5">
                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                    </div>
                </a>
            </div>
            <hr class="content-divider"></hr>

            <div class="row">
                <div class="span2 offset1">
                    <img src="images/defaultProfile.png" class="img-rounded" />
                </div>
                <div class="span3" id="Div1">
                    Aalborg
                <br />
                    35år
                <br />
                    Mand
                <br />
                    Afholder betaler
                <br />
                    14/10-2013
                </div>
                <div class="span5">
                    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                </div>

            </div>
            <hr class="content-divider"></hr>

            <div class="row">
                <div class="span2 offset1">
                    <img src="images/defaultProfile.png" class="img-rounded" />
                </div>
                <div class="span3" id="Div2">
                    Aalborg
                <br />
                    35år
                <br />
                    Mand
                <br />
                    Afholder betaler
                <br />
                    14/10-2013
                </div>
                <div class="span5">
                    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
                </div>

            </div>
            <hr class="content-divider"></hr>
        </div>
    </div>
</asp:Content>
